<template>
	<view class="mapping-details" ref="uv-back-top">
		<uv-navbar v-if="!isPc" title="规则" rightText="历史" leftIconSize="0px" :placeholder="true"></uv-navbar>
		<view class="content">

		</view>
		<uv-back-top :scroll-top="scrollTop"></uv-back-top>
		<tabbars :prop-value="'mapping'"></tabbars>
	</view>
</template>

<script>
	// 引入
	import tabbars from '@/components/tabbar/tabbar.vue';
	import config from '@/common/config'
	export default {
		components: {
			// 注册组件
			tabbars
		},
		data() {
			return {
				scrollTop: 0,
				value: ''
			}
		},
		computed: {},
		onLoad() {},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
			// #ifdef APP-NVUE
			this.scrollTop = e.detail.scrollTop;
			// #endif
		},
		methods: {
			routed(url) {
				uni.$uv.route({
					url: url,
					intercept(params, next) {
						console.log(params, next)
						uni.showLoading({
							title: '等待中...'
						})
						// 模拟处理等待
						setTimeout(() => {
							uni.hideLoading();
							next(true);
						}, 1000)
					}
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.mapping-details {
		// width: calc(100% - 20px);
		// padding: 10px;

	}

	// 测试
	.bg-purple {
		background: #CED7E1;
	}

	.bg-purple-light {
		background: #e5e9f2;
	}

	.bg-purple-dark {
		background: #99a9bf;
	}
</style>